<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name='viewport' content="width=device-width,user-scalable=no">
	<link rel="icon" href="img/ichat-head.ico" type="image/x-icon"/>
	<link rel='stylesheet' type="text/css" href='css/app.css'></style>
	<script type="text/javascript" src='js/min1.4.js'></script>
	<title>iChat</title>
</head>
<body>
<section id='welcome' class='view'>
	<div class="welpic">
		<img src="img/welcome-first.jpg">
	</div>
	<div class='weldesc'>
		<h2 >聊聊吧</h2>
	</div>
	<div class='logo'>
		<img src="img/welcome-logo.png">
	</div>
</section>
<section id='login' class='view'>
	<div class='login-name'>用户:&nbsp;&nbsp;<input type="text" name="username"></div>
	<div class='login-passwd'>密码:&nbsp;&nbsp;<input type="password" name="password"></div>
	<div class='login-submit'><div class='login-submit-button'>登录</div></div>
</section>
<section id='set' class='view'>
	<div class='set-total'>
		<div class='set-chat'><img src="img/set-chat.ico"></div>
		<div class='set-friend'><img src="img/set-friend.ico"></div>
		<div class='set-set'><img src='img/set-set.ico'></div>
	</div>
</section>
<section id='index' class='view'>
	<div class='index-object'>
		<div class='index-photo'>
			<img src="img/welcome-logo.png">
		</div>
		<div class='index-dialogue'>
		<div class='index-name'>张小凡</div>
		<div class='index-message'>张小凡:你明天去哪里...</div>
		</div>
	</div>
	<div class='index-object'>
		<div class='index-photo'>
			<img src="img/welcome-logo.png">
		</div>
		<div class='index-dialogue'>
		<div class='index-name'>张小凡</div>
		<div class='index-message'>张小凡:你明天去哪里...</div>
		</div>
	</div>
	<div class='index-object'>
		<div class='index-photo'>
			<img src="img/welcome-logo.png">
		</div>
		<div class='index-dialogue'>
		<div class='index-name'>张小凡</div>
		<div class='index-message'>张小凡:你明天去哪里...</div>
		</div>
	</div>
</section>
<section id='chat' class='view'>
	<div class='chat-user'>
		<div class="chat-oppo">
			<div class='chat-photo-oppo'><img src="img/gir1.jpg"></div>
			<div class='chat-words-oppo'>张小凡:你明天去哪里......你明天去哪里...</div>
		</div>
	</div>
	<div class="chat-user">
		<div class="chat-me">
			<div class='chat-photo-me'><img src="img/gir2.jpg"></div>
			<div class='chat-words-me'>张小凡:你明天去哪里......你明天去哪里...</div>
		</div>
	</div>
	<div class='chat-user'>
		<div class="chat-oppo">
			<div class='chat-photo-oppo'><img src="img/gir1.jpg"></div>
			<div class='chat-words-oppo'>张小凡:你明天去哪里......你明天去哪里...</div>
		</div>
	</div>
	<div class="chat-user">
		<div class="chat-me">
			<div class='chat-photo-me'><img src="img/gir2.jpg"></div>
			<div class='chat-words-me'>张小凡:你明天去哪里......你明天去哪里...</div>
		</div>
	</div>
	<div class='chat-say'>
	<input class='chat-input' type="text"><div class='chat-send'><div class='chat-send-word'>发送</div></div>
	</div>
	<div class='chat-say'>
	<input class='chat-input' type="text"><div class='chat-send'><div class='chat-send-word'>发送</div></div>
	</div>
</section>
<section id='friend' class='view'>
	<div class='friend-user'>
		<div class='friend-photo'><img src="img/gir2.jpg"></div>
		<div class='friend-name'>张小凡</div>
	</div>
	<div class='friend-user'>
		<div class='friend-photo'><img src="img/gir1.jpg"></div>
		<div class='friend-name'>张小凡</div>
	</div><div class='friend-user'>
		<div class='friend-photo'><img src="img/gir2.jpg"></div>
		<div class='friend-name'>张小凡</div>
	</div><div class='friend-user'>
		<div class='friend-photo'><img src="img/gir1.jpg"></div>
		<div class='friend-name'>张小凡</div>
	</div>
	<div class='friend-num'>共4位联系人</div>
</section>
<section id='user' class='view'>
	<div class='user-base'>
		<div class='user-photo'>
			<img src='img/gir2.jpg'>
		</div>
		<div class='user-info'>
			<div class='user-name'>张小凡</div>
			<div class='user-id'>18612402834</div>
		</div>
	</div>
	<div class='user-set'>
		<div class='user-logout'>退出登录</div>
	</div>
</section>
</body>
<script type="text/javascript" src='js/app.js'></script>
</html>